<template>
	<view>
		<view>
			<navTop title="Agreement" :isHeight="false" hasBgc="white" :color="navtop.color" :isBack="true"></navTop>
		</view>
		<view class="navigation">用户协议</view>
		<view class="agreement">
			<view class="agr1">
				一. 功能
			</view>
			<text class="ao">
				1.1 本应用是为方便管理学生参加社团情况、活动情况等信息而设计的，不仅方便了学生，解决了参加社团和活动的各种问题，而且助于学校对学生的发展情况有更大的了解。
			</text><text class="at">
				1.2 通过本应用，学生可以创建社团，浏览社团，报名参加活动，对提高同学们参加社团活动的积极性有很深远的意义。
			</text>
			<view class="agr2">
				二. 适用范围
			</view>
			<text class="bo">
				2.1 在您授权登录本应用小程序帐号时，本应用需合法的获取您的账户信息。
			</text><text class="bt">
				2.2 本应用严禁用户发布不良信息，如裸露、色情和亵渎内容，发布的内容我们会进行审核，一经发现不良信息，会禁用该用户的所有权限，予以封号处理。
			</text>
			<view class="agr3">
				三. 信息使用
			</view>
			<text class="co">
				3.1 本应用不会向任何无关第三方提供、出售、出租、分享或交易您的个人登录信息。如果我们存储发生维修或升级，我们会事先发出推送消息来通知您，请您提前允许本应用消息通知。
			</text><text class="ct">
				3.2 本应用亦不允许任何第三方以任何手段收集、编辑、出售或者无偿传播您的个人信息。任何本应用平台用户如从事上述活动，一经发现，本应用有权立即终止与该用户的服务协议。
			</text><text class="cs">
				3.3 本应用在收集和使用用户信息时，会明确告知用户该数据的用途，用户明确同意和授权后，并在用户同意和授权的范围内合理使用。
			</text><text class="cf">
				3.4 用户注销账号后，我们会删除相应数据。
			</text>
			<view class="agr4">
				四.用户协议
			</view>
			<text class="fo">
				4.1 如果决定更改用户协议，我们会在消息中以及我们认为适当的位置发布这些更改，以便您了解我们如何收集、使用您的个人信息。
			</text><text class="ft">
				4.2 本公司保留随时修改本协议的权利，因此请经常查看。如对本协议作出重大更改，本公司会通过系统消息的形式告知。
			</text><text class="fs">
				4.3 对于不方便披露的个人信息，如联络方式或者邮政地址，本应用会尽量避免。请您妥善保护自己的个人信息，仅在必要的情形下向他人提供。如您发现自己的个人信息泄密，尤其是本应用用户名及密码发生泄露，请您立即联络本应用客服，以便本应用采取相应措施。
			</text><text class="summary">
				感谢您花时间了解我们的用户协议！我们将尽全力保护您的个人信息和合法权益，再次感谢您的信任！
			</text>

		</view>
	</view>
</template>

<script>
	import navTop from '../../components/navTop.vue'
	export default {
		components: {
			navTop
		},
		data() {
			return {
				
				navtop: {
					title: 'XXX',
					color: '#000000'
				},
			}
		},

		methods: {
		},

	}
</script>

<style>
	.navigation {
		left: 262rpx;
		top: 176rpx;
		width: 224rpx;
		height: 80rpx;
		font-size: 56rpx;
		text-align: center;
		  ;
		position: absolute;
	}

	.agr1 {
		left: 6rpx;
		top: 256rpx;
		width: 174rpx;
		height: 68rpx;
		font-size: 48rpx;
		text-align: left;
		  ;
		position: absolute;
	}

	.ao {
		left: 28rpx;
		top: 330rpx;
		width: 702rpx;
		height: 260rpx;
		font-size: 36rpx;
		text-align: left;
		  ;
		position: absolute;
	}

	.at {
		left: 28rpx;
		top: 608rpx;
		width: 702rpx;
		height: 156rpx;
		font-size: 36rpx;
		text-align: left;
		  ;
		position: absolute;
	}

	.agr2 {
		left: -2rpx;
		top: 774rpx;
		width: 270rpx;
		height: 68rpx;
		font-size: 48rpx;
		text-align: left;
		  ;
		position: absolute;
	}

	.bo {
		left: 28rpx;
		top: 856rpx;
		width: 700rpx;
		height: 110rpx;
		font-size: 36rpx;
		text-align: left;
		  ;
		position: absolute;
	}

	.bt {
		left: 28rpx;
		top: 980rpx;
		width: 692rpx;
		height: 214rpx;
		font-size: 36rpx;
		text-align: left;
		  ;
		position: absolute;
	}

	.agr3 {
		position: absolute;
		left: 0rpx;
		top: 1200rpx;
		width: 270rpx;
		height: 68rpx;
		font-size: 48rpx;
		text-align: left;
		  ;
	}

	.co {
		left: 28rpx;
		top: 1282rpx;
		width: 694rpx;
		height: 260rpx;
		font-size: 36rpx;
		text-align: left;
		  ;
		position: absolute;
	}

	.ct {
		position: absolute;
		left: 28rpx;
		top: 1552rpx;
		width: 694rpx;
		height: 264rpx;
		font-size: 36rpx;
		text-align: left;
		  ;
	}

	.cs {
		position: absolute;
		left: 28rpx;
		top: 1834rpx;
		width: 694rpx;
		height: 208rpx;
		font-size: 36rpx;
		text-align: left;
		  ;
	}

	.cf {
		left: 28rpx;
		top: 2060rpx;
		width: 718rpx;
		height: 62rpx;
		font-size: 36rpx;
		text-align: left;
		  ;
		position: absolute;
	}

	.agr4 {
		position: absolute;
		left: 6rpx;
		top: 2140rpx; 
		width: 254rpx;
		height: 68rpx;
		font-size: 48rpx;
		text-align: left;
		  ;
	}

	.fo {
		left: 28rpx;
		top: 2226rpx;
		width: 694rpx;
		height: 208rpx;
		font-size: 36rpx;
		text-align: left;
		  ;
		position: absolute;
	}

	.ft {
		left: 28rpx;
		top: 2452rpx;
		width: 694rpx;
		height: 156rpx;
		font-size: 36rpx;
		text-align: left;
		  ;
		position: absolute;
	}

	.fs {
		left: 28rpx;
		top: 2626rpx;
		width: 694rpx;
		height: 356rpx;
		font-size: 36rpx;
		text-align: left;
		  ;
		position: absolute;
	}

	.summary {
		left: 14rpx;
		top: 3012rpx;
		width: 736rpx;
		height: 150rpx;
		font-size: 36rpx;
		text-align: left;
		  ;
		position: absolute;
	}
</style>